.main-color{color:#0099d5}.w1200{width:1200px;margin:auto}.w1400{width:1420px;margin:auto}.w1600{width:1600px;margin:auto}@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot');src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')}.icon{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.bg-f5{background:#f5f5f5}.color-f{color:#fff}.color-9{color:#999}.color-3{color:#333}.color-6{color:#666}.ho-img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}.swiper-pagination-bullet-active{background:#0099d5}.flex-1{flex:1}header .head-nav{height:88px}header .head-nav .logo{height:100%}header .head-nav .logo img{max-height:80%}header .head-nav ul{height:100%}header .head-nav ul li{height:100%}header .head-nav ul li a{height:100%;position:relative;display:flex;align-items:center}header .head-nav ul li a:hover{color:#0099d5}header .head-nav ul li.active a{color:#0099d5}header .head-nav .info .tel{width:180px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;background-color:#0099d5}header .head-nav .info a:hover .icon{color:#0099d5}footer{background-color:#333333}footer .content h3{color:#f5f5f5}footer .content ul li{margin-right:10%}footer .content ul li:last-child{margin-right:0}footer .content ul li a{display:block;color:rgba(255,255,255,0.5);line-height:24px}footer .content ul li a:hover{color:#fff}footer .content p{color:rgba(255,255,255,0.5);line-height:22px;max-width:290px}footer .content .contact{display:flex}footer .content .contact .code{border-right:1px rgba(255,255,255,0.2) solid;border-left:1px rgba(255,255,255,0.2) solid}footer .content .contact .code img{width:100px}footer .content .contact p{color:rgba(255,255,255,0.5)}footer .links span{font-size:12px;color:rgba(255,255,255,0.4)}footer .links a{font-size:12px;color:rgba(255,255,255,0.4)}footer .links a:hover{color:rgba(255,255,255,0.7)}footer .copyright{border-top:1px rgba(255,255,255,0.2) solid}footer .copyright p{color:rgba(255,255,255,0.4);font-size:12px}footer .copyright a{color:rgba(255,255,255,0.4);font-size:12px;margin-left:10px}footer .copyright a:hover{color:rgba(255,255,255,0.8)}.bom-pops{position:fixed;bottom:40px;z-index:99;right:0;width:50px}.bom-pops a,.bom-pops .code,.bom-pops .f-top,.bom-pops .tel{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:.5s;margin:6px 0;background-color:rgba(0,0,0,0.7)}.bom-pops a:hover,.bom-pops .code:hover,.bom-pops .f-top:hover,.bom-pops .tel:hover{transform:translateX(-10px);background-color:#0099d5}.bom-pops .tel{position:relative}.bom-pops .tel p{position:absolute;right:120%;top:0;width:170px;padding:10px 0;line-height:24px;text-align:center;background-color:#fff;box-shadow:0 0 6px 2px rgba(0,0,0,0.1);display:none}.bom-pops .tel:hover p{display:block}.bom-pops .code{position:relative}.bom-pops .code img{position:absolute;right:120%;top:0;width:100px;height:100px;display:none}.bom-pops .code:hover img{display:block}.bom-pops .f-top{cursor:pointer}.menu-container-mask{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s;z-index:9999}.menu-container{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}.top-menu-list{position:absolute;top:0;right:0;width:100%;height:100%;transition:.2s}.top-menu-list.active{transform:translateX(-100%)}.top-menu-list>li{height:48px;line-height:48px}.top-menu-list>li li:first-child,.top-menu-list>li:first-child{height:45px}.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a{background-color:#f7f7f7;height:45px}.top-menu-list>li a{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px}.top-menu-list>li a span{color:#666;font-size:14px}.top-menu-list>li a .icon{color:#666;font-size:14px}.top-menu-list>li .title-name{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}.top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;display:none}.top-menu-list ul.active{display:block}.navbar-nav-more-body{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}.navbar-nav-more-body .offcanvas-body{position:relative}.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding:0}.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child{height:2.8rem}.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a{background-color:#f7f7f7;height:2.8rem}.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.navbar-nav-more-body .top-menu-list>li a:hover{color:#0099d5}.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}.navbar-nav-more-body .top-menu-list ul.active{display:block}.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}.position{height:50px}.position .content{height:100%}.position .category ul li a{display:flex;align-items:center;height:50px;position:relative}.position .category ul li a::before{content:'';position:absolute;left:0;bottom:0;height:2px;background-color:#0099d5;width:0;transition:.5s}.position .category ul li:hover a,.position .category ul li.active a{color:#0099d5}.position .category ul li:hover a::before,.position .category ul li.active a::before{width:100%}.breadcrumb{margin-bottom:0rem;font-size:14px;color:#0099d5}.breadcrumb-item+.breadcrumb-item::before{content:var(--bs-breadcrumb-divider, ">")}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item a{color:#666;font-size:14px}.breadcrumb-item a:hover{color:#0099d5 !important}.pagination-box{text-align:center;line-height:32px;color:#595959}.pagination-box select{margin:0 8px}.pagination-box a,.pagination-box span{display:inline-block;width:32px;height:32px;line-height:30px;border:1px solid #e2e2e2;border-radius:2px;text-align:center;margin-right:8px;cursor:pointer;vertical-align:top;color:#666;font-size:14px}.pagination-box a:last-child,.pagination-box span:last-child{margin-right:0}.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover{background-color:#0099d5;border-color:#0099d5;color:#fff !important}.pagination-box select{height:32px;border:1px solid #e2e2e2;box-sizing:border-box}.pagination-box .prev_disabled,.pagination-box .next_disabled{background-color:transparent !important;border-color:#e2e2e2 !important;color:#e2e2e2 !important;cursor:no-drop}.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover{color:#e2e2e2 !important}.pagination-box .page_num{border:none}.pagination-box .prev::before,.pagination-box .prev_disabled::before{content:'<'}.pagination-box .next::before,.pagination-box .next_disabled::before{content:'>'}.searchlist-input-container{display:flex;width:50%;height:60px;border-radius:8px;padding-left:16px;overflow:hidden;border:1px #ddd solid;background-color:#fff}.searchlist-input-container .key{flex:1;font-size:14px;color:#727272}.searchlist-input-container button{height:60px;color:#fff;width:60px;display:flex;justify-content:center;align-items:center}.searchlist-input-container button:hover .icon{color:#0099d5}.line{width:42px;height:2px;background-color:#0099d5}.home-prodcut{background:url(../images/pro-bg.jpg);background-size:cover;background-position:center center}.home-prodcut ul li a{border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.home-prodcut ul li a .img{width:100%;padding-top:60%;position:relative}.home-prodcut ul li a .img img{position:absolute;left:0;top:0;right:0;bottom:0;max-width:96%;max-height:96%;display:flex;justify-content:center;align-items:center;margin:auto;transition:.5s}.home-prodcut ul li a h4{transition:.5s}.home-prodcut ul li a span{border:1px #cbcbcb solid;border-radius:12px;transition:.5s}.home-prodcut ul li a:hover .img img{transform:scale(1.1)}.home-prodcut ul li a:hover h3{color:#0099d5}.home-prodcut ul li a:hover span{border-color:#0099d5;background-color:#0099d5;color:#fff}.common-pagination{display:flex;justify-content:center}.common-pagination span{margin:0 2px}.home-case a{position:relative;overflow:hidden;border-radius:12px}.home-case a h3{position:absolute;left:20px;bottom:20px}.home-case a:hover img{transform:scale(1.1)}.home-case ul li a{padding-top:50%}.home-case .other{height:100%}.home-about{padding:180px 0}.home-about .text{width:50%}.home-about .text .desc{line-height:24px;color:rgba(255,255,255,0.7)}.home-about .text a{width:160px;height:40px;border-radius:20px;background-color:#0099d5;display:flex;justify-content:center;align-items:center;transition:.5s}.home-about .text a:hover{background-color:#10b2f1;color:#fff}.home-news ul li a{position:relative;border:1px #d4d4d4 solid;z-index:1;border-radius:20px;overflow:hidden;padding:42px 36px}.home-news ul li a .img{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:.5s;z-index:-1}.home-news ul li a .img::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,153,213,0.8);z-index:2}.home-news ul li a .desc{line-height:24px}.home-news ul li a h4,.home-news ul li a .desc,.home-news ul li a span{transition:.5s}.home-news ul li a:hover{border-color:rgba(0,153,213,0.8)}.home-news ul li a:hover .img{opacity:1}.home-news ul li a:hover h4,.home-news ul li a:hover .desc,.home-news ul li a:hover span{color:#fff}.product-list .content .pro-menu{width:248px}.product-list .content .pro-menu ol>.item{border:1px #ddd solid;margin-bottom:-1px}.product-list .content .pro-menu ol>.item>h3,.product-list .content .pro-menu ol>.item>a{cursor:pointer;position:relative;transition:.5s;height:62px}.product-list .content .pro-menu ol>.item>h3 span,.product-list .content .pro-menu ol>.item>a span{transition:.5s}.product-list .content .pro-menu ol>.item>h3 .icon,.product-list .content .pro-menu ol>.item>a .icon{transition:.5s;font-size:18px}.product-list .content .pro-menu ol>.item>h3:hover span,.product-list .content .pro-menu ol>.item>a:hover span{transform:translateX(6px)}.product-list .content .pro-menu ol>.item:nth-child(even) h3,.product-list .content .pro-menu ol>.item:nth-child(even) a{background:#fafafa}.product-list .content .pro-menu ol>.item .pro-nav-title{display:none}.product-list .content .pro-menu ol>.item .pro-nav-title .cell{background:#fafafa}.product-list .content .pro-menu ol>.item .pro-nav-title .cell a{height:50px;position:relative}.product-list .content .pro-menu ol>.item .pro-nav-title .cell a::before{content:'';top:50%;bottom:0;left:0;width:0;height:1px;overflow:hidden;transition:.5s;background:#0099d5}.product-list .content .pro-menu ol>.item .pro-nav-title .cell a:hover::before{width:30px;margin-right:16px}.product-list .content .pro-menu ol>.item .pro-nav-title .cell a:hover span{color:#0099d5}.product-list .content .pro-menu ol>.item .pro-nav-title .cell .active::before{width:30px;margin-right:16px}.product-list .content .pro-menu ol>.item .pro-nav-title .cell .active span{color:#0099d5}.product-list .content .pro-menu ol>.item.active{border:1px #0099d5 solid;margin-bottom:0}.product-list .content .pro-menu ol>.item.active>h3,.product-list .content .pro-menu ol>.item.active>a{background:#0099d5}.product-list .content .pro-menu ol>.item.active>h3 span,.product-list .content .pro-menu ol>.item.active>a span{color:#fff}.product-list .content .pro-menu ol>.item.active>h3 .icon,.product-list .content .pro-menu ol>.item.active>a .icon{transform:rotate(90deg);color:#fff}.product-list .content .pro-menu ol>.item.active .pro-nav-title{display:block}.product-list .content .pro-menu ol>.item.active>a{font-weight:bold}.product-list .content .pro-menu h3.title{border-bottom:1px #ddd solid;position:relative}.product-list .content .pro-menu h3.title::before{content:'';position:absolute;left:0;top:0;bottom:0;display:flex;height:16px;width:3px;background:#0099d5;margin:auto}.product-list .content .pro-menu .contact{border:1px #ddd solid;background:#fff}.product-list .content .pro-menu .contact .tel span{width:34px;height:34px;border-radius:50%;border:1px #bbb solid;display:flex;justify-content:center;align-items:center}.product-list .content .pro-menu .contact .tel p{color:#696969}.product-list .content .pro-menu .contact a{width:100%;height:42px;background:#8b6657}.product-list .content .pro-menu .contact a:hover{color:rgba(255,255,255,0.8)}.product-list .info ul li a{border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.product-list .info ul li a .img{width:100%;padding-top:60%;position:relative}.product-list .info ul li a .img img{position:absolute;left:0;top:0;right:0;bottom:0;max-width:96%;max-height:96%;display:flex;justify-content:center;align-items:center;margin:auto;transition:.5s}.product-list .info ul li a h4{transition:.5s}.product-list .info ul li a .desc{height:24px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}.product-list .info ul li a span{border:1px #cbcbcb solid;border-radius:12px;transition:.5s}.product-list .info ul li a:hover .img img{transform:scale(1.1)}.product-list .info ul li a:hover h3{color:#0099d5}.product-list .info ul li a:hover span{border-color:#0099d5;background-color:#0099d5;color:#fff}.example-list ul li a{position:relative;border-radius:6px;overflow:hidden}.example-list ul li a .img{padding-top:65%;position:relative;overflow:hidden}.example-list ul li a h4{position:absolute;left:0;right:0;bottom:0;height:50px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,104,183,0.82)}.example-list ul li a:hover img{transform:scale(1.1)}.news-detail .content{line-height:24px;min-height:300px}.news-detail .content img{max-width:100%;display:block;margin:auto}.news-detail .news-detail-footer{border-top:1px #f5f5f5 solid}.news-detail .news-detail-footer a{font-size:14px;color:#333}.news-detail .news-detail-footer a:hover{color:#0099d5}.news-detail .related ul li .img{overflow:hidden}.news-detail .related ul li .img img{transition:.5s}.news-detail .related ul li a:hover img{transform:scale(1.1)}.news-detail .related ul li a:hover h4{color:#0099d5}.news-detail .new ol li .img{width:36%;overflow:hidden}.news-detail .new ol li .img img{transition:.5s}.news-detail .new ol li a:hover img{transform:scale(1.1)}.news-detail .new ol li a:hover h4{color:#0099d5}.about-page .content img{max-width:100%}.setting-list ul li .img{position:relative;padding-top:70%;overflow:hidden;border-radius:6px}.honor-list ul li .img{position:relative;padding-top:110%;border:1px #eee solid;border-radius:6px}.honor-list ul li .img img{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;margin:auto;justify-content:center;align-items:center;max-width:90%;max-height:90%}.news-list ul li a{box-shadow:0 0 10px 2px rgba(51,51,51,0.1)}.news-list ul li a .img{width:25%;padding-top:16%;overflow:hidden;position:relative}.news-list ul li a .img img{transition:.5s}.news-list ul li a .text h4{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}.news-list ul li a .text p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden}.news-list ul li a:hover .img img{transform:scale(1.1)}.news-list ul li a:hover .text h4{color:#0099d5}.contact-page .map{height:520px}.contact-page .text h2{border-bottom:2px #404040 solid}.contact-page .text .tel{border-top:1px rgba(51,51,153,0.2) solid}.contact-page .text ul{border-top:1px #eee solid;border-bottom:1px #eee solid;padding:30px 0}.contact-page .text ul li{width:40%}.contact-page .text .code{display:flex;align-items:center}.contact-page .text .code img{width:120px}.contact-page .text .code h4{line-height:24px}.contact-page .section2{background:#f5f5f5}.contact-page .section2 .message form .item{display:flex;position:relative}.contact-page .section2 .message form .item input{background:#fff;height:60px;width:100%;font-size:14px;color:#999;padding:0 6px;box-sizing:border-box}.contact-page .section2 .message form .item input:focus{border-color:#0099d5}.contact-page .section2 .message form .error span{position:absolute;top:100%;left:0;font-size:12px;color:red}.contact-page .section2 .message form textarea{width:100%;height:160px;background:#fff;padding:1rem 6px;box-sizing:border-box;font-size:14px;color:#999;resize:none}.contact-page .section2 .message form textarea:focus{border-color:#0099d5}.contact-page .section2 .message form .toolbar{width:260px;height:56px}.contact-page .section2 .message form .toolbar button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#0099d5;color:#fff;transition:.5s}.contact-page .section2 .message form .toolbar button:hover{background-color:#0276cd}.product-page .page-container .img{padding-top:70%;background:#f6f6f6}.product-page .page-container .img img{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;margin:auto;max-width:90%;max-height:90%}.product-page .page-container .page-pagination{position:absolute;left:auto !important;top:0;bottom:0;right:20px;display:flex;flex-direction:column;justify-content:center;width:20px !important;z-index:2}.product-page .page-container .page-pagination span{margin:3px 0}.product-page .text h2{border-bottom:1px #ddd solid}.product-page .text h2 span{width:6px;height:6px;background:#0099d5}.product-page .text .desc{line-height:32px}.product-page .text .btns{width:180px;height:42px;display:flex;justify-content:center;align-items:center;border-radius:22px;border:1px #727272 solid;box-sizing:border-box;transition:.5s}.product-page .text .btns:hover{color:#fff;background-color:#0099d5;border-color:#0099d5}.product-page .content1 ol{border-bottom:1px #b5b5b6 solid}.product-page .content1 ol li a{position:relative}.product-page .content1 ol li a::before{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:0;background:#0099d5;transition:.5s}.product-page .content1 ol li a.active,.product-page .content1 ol li a:hover{color:#0099d5}.product-page .content1 ol li a.active::before,.product-page .content1 ol li a:hover::before{width:100%}.product-page .content1 .details img{max-width:100%;vertical-align:middle}/*# sourceMappingURL=./style.css.map */